<% layout('boilerplate') -%>
<link rel="stylesheet" href="<%= linkPath %>/css/test.css" />
<link rel="stylesheet" href="<%= linkPath %>/css/style.css" />
<link rel="stylesheet" href="<%= linkPath %>/css/example.css" />
<link rel="stylesheet" href="<%= linkPath %>/css/exampleresponsive.css" />

<div class="example">
    <div class="example-banner" style="background: url('<%= linkPath %>/images/example/example-banner.jpg') top center no-repeat;background-size: cover;">
        <h1 class="text-center">有求必孕&nbsp;&nbsp;案例篇</h1>
    </div>
    <div class="container example-list">

    </div>
</div>
<script>
    $(function(){
        var exampleList = [
            {id:'1',imgUrl:'<%= linkPath %>/images/example/example1.jpg',number:'案例一',title:'卵巢功能衰退 国内四次失败 泰国试管一次圆梦',
                content:'李女士和老公在别人的眼里就是成功人士，人生赢家，但李女士自知心里苦，曾经为了工作耽误了要孩子的最佳时期，' +
                '等到想要备孕的时候却发现为时已晚，李女士来和求必孕医学顾问沟通时一度非常沮丧，她说如果时间可以倒退，我一定会在最合适的时间，' +
                '多生几个宝宝，现在会经常劝身边的年轻人，一定要趁年轻要孩子。'
            },
            {id:'2',imgUrl:'<%= linkPath %>/images/example/example2.jpg',number:'案例二',title:'染色体异常 美国第三代试管 婴儿助成功受孕',
                content:'姚女士，31岁，与丈夫结婚三年，有一定的经济基础后，夫妇二人决定孕育一个新生命，经过一年的备孕仍未成功怀孕，' +
                '焦急的他们前往医院进行常规检查也并没有发现问题所在，因年龄尚可，所以医生建议尽可能自然受孕。一段时间过后，姚女士意外发现自己怀孕了，' +
                '顺利进入了第二个月的妊娠期，'
            },
            {id:'3',imgUrl:'<%= linkPath %>/images/example/example3.jpg',number:'案例三',title:'美国试管婴儿帮助有遗传病 的夫妻生育健康宝宝',
                content:'许女士结婚后生育一个进行性肌营养不良症的孩子，伴随肌肉的逐渐退化，孩子最终瘫痪、死亡。经检查，许女士本人携带有进行性肌营养不良症基因，' +
                '会遗传给下一代。2014年，她再次怀孕，在孕5个月时，因为查出胎儿极有可能患有进行性肌营养不良症，她不得不引产。 ' +
                '许女士结婚后生育一个进行性肌营养不良症的孩子，伴随肌肉的逐渐退化，孩子最终瘫痪、死亡。经检查，许女士本人携带有进行性肌营养不良症基因，' +
                '会遗传给下一代。2014年，她再次怀孕，在孕5个月时，因为查出胎儿极有可能患有进行性肌营养不良症，她不得不引产。'
            },
            {id:'4',imgUrl:'<%= linkPath %>/images/example/example4.jpg',number:'案例四',title:'子宫内膜缺陷 卵巢功能衰退 泰国试管圆二胎梦',
                content:'随着“全面二孩”政策的实施，不少已迈入高龄的夫妇又燃起了新的生育希望，然而因为年龄增大、卵巢老化、无精等原因，' +
                '一些高龄夫妇又被拦在了二胎大门之外。在有求必孕平台中也有不少大龄妈妈。 42岁的吴女士经营一家小店，有一个13岁的女儿，想再生一个儿子陪伴。' +
                '备孕一年仍未怀上，无奈之下夫妻二人去医院检查，'
            },
            {id:'5',imgUrl:'<%= linkPath %>/images/example/example5.jpg',number:'案例五',title:'赴泰国试管 成功孕育龙凤胎',
                content:'他们相爱于一次同学聚会，两年后步入婚姻殿堂。婚后两年时间，方女士夫妇科学备孕，但仍未成功孕育。无奈之下，夫妇二人一起去做了全面检查。' +
                '结果显示，男方精子活性正常，女方激素六项、卵子情况也很好。没有查到确切的不孕原因，医生建议进行人工授精，然而经过2次人工授精，方女士仍未怀孕，这样的结果让方女士夫妇很着急，'
            },
            {id:'6',imgUrl:'<%= linkPath %>/images/example/example6.jpg',number:'案例六',title:'染色体异位男子通过有求必 孕美国试管婴儿实现生子梦',
                content:'白先生与太太结婚后不久就开始积极造人。婚后不久，妻子怀孕，夫妻俩沉浸在无尽的喜悦当中。然后天不遂人愿，怀孕不久，妻子在一次散步过程中，不幸流产。' +
                '考虑到夫妻俩还年轻就打算调理好身体后再要一个。半年后，妻子又传出了好消息。有过上次的经历，白先生全家人这次都十分的小心。然而还是没能成功的留住这个孩子。'
            },
            {id:'7',imgUrl:'<%= linkPath %>/images/example/example7.jpg',number:'案例七',title:'男子精子活度低 选择有求必 孕美国试管婴儿后成功得子',
                content:'刘先生，35岁。备孕6年屡次失败，检查后才知是自己精子活度低；国内三次试管婴儿均失败，赴美试管终成功。 刘先生是一名仪器设备技术研究人员，工作繁忙长期加班。' +
                '结婚后前3年，妻子始终未能怀孕，刘先生一度以为是妻子身体不好的原因。后来夫妇二人前往医院检查才知道，原因竟出在刘先生身上——由于工作性质的原因，造成刘先生精子活度低，自然受孕的几率相当低。'
            },
            {id:'8',imgUrl:'<%= linkPath %>/images/example/example8.jpg',number:'案例八',title:'泰国试管婴儿记录大龄女性 的幸“孕”幸福',
                content:'每次亲朋友好追问：你什么时候要小孩？王女士都只能轻轻的笑一笑，内心有个声音在呼喊：其实我也想要啊！“眼见同龄的朋友孩子都背上了书包，自己却一点动静也没有，不是不心酸。' +
                '听到朋友们抱怨孩子作业写不好，想到自己那还无缘到来的孩子，都想躲起来掉眼泪。”'}
        ]
        function getAllStr(dataList) {
            var str = '';
            $.each(dataList, function(i, v){
                str += getItemStr(v,i)
            });

            return str;
        }

        function getItemStr(comment,idx) {
            return'<a style="text-decoration: none;font-style: normal;" href="/example/detail?idx='+ idx +'"><div class="col-sm-4 col-xs-12 example-item"><div class="imgBox"><img src="'+comment['imgUrl']+'" alt=""></div>'
                +'<div class="example-title"><span class="title-l">'+comment['number']+'</span><span class="title-r">2018</span>'
                +'</div><h3>'+comment['title']+'</h3><p class="example-content">'+comment['content']+'</p>'
                + '<div class="arrBox"><a href="">&rarr;</a>'
                + '</div></div></a>'
        }

        var str = getAllStr(exampleList);
        $('.example-list').append(str);

    })
</script>
